<template>
  <div class="course-manage">
    <el-button
      class="back"
      type="custom"
      size="mini"
      plain
      @click="handleBack()"
      >返回列表</el-button
    >
    <el-container>
      <el-aside width="150px" style="border-right: 1px solid #ddd">
        <SideNav />
      </el-aside>
      <el-container class="course-manage-wrap">
        <el-main>
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import { BackList } from '@/views/Admin/courseLibrary/mixins/BackList.js'
export default {
  mixins: [BackList],
  components: {
    SideNav: () => import('./components/SideNav.vue'),
  },
  methods: {},
}
</script>
<style scoped>
.course-manage {
  position: relative;
  margin-top: -10px;
}
.course-manage .back {
  position: absolute;
  right: 10px;
  top: -40px;
  z-index: 2;
}
.course-manage-wrap {
  position: absolute;
  left: 160px;
  right: 0;
  /* top: 52px; */
  top: 0;
  bottom: 0;
}
</style>